<template>
  <van-search shape="round" v-model="value" placeholder="请输入搜索关键词" @search="onSearch" @cancel="onCancel" >
  </van-search>
  <!-- 轮播图 -->
  <home-swiper></home-swiper>
  <!-- 功能按钮区 -->
  <home-grid></home-grid>
  <!-- 商品信息展示区 -->
  <home-product></home-product>
  <!-- 每周上新 -->
  <home-new></home-new>
  <!-- 人气推荐 -->
  <home-top></home-top>
 </template>
 <script setup>
  import HomeSwiper from '../components/HomeSwiper.vue'
  import HomeGrid from '../components/HomeGrid.vue'
  import HomeProduct from '../components/HomeProduct.vue'
  import HomeNew from '../components/HomeNew.vue'
  import HomeTop from '../components/HomeTop.vue'
  import { ref } from 'vue'
  import { showToast } from 'vant'
  const value = ref('')
  const onSearch = val=> showToast(val)
  const onCancel = () => showToast('取消')
 </script>